@charset "utf-8";
/*
============================== BASE
*/
html {
	color:#000;
    font-size: 62.5%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    margin: 0;
    padding: 0;
    border: 0 none
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

button, input, select, textarea {
    font-size: 12px;
    font-family: Helvetica, Arial, sans-serif
}

input, select, textarea {
    font-size: 100%
}

input[type=text], input[type=password] {
    background-color: #FFF
}

input#email {
    border: 1px solid #e1e1e1
}

input:focus, textarea:focus {
    outline: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

th {
    text-align: inherit
}

fieldset, img {
    border: 0
}

iframe {
    display: block
}

abbr, acronym {
    border: 0;
    font-variant: normal
}

del {
    text-decoration: line-through
}

address, caption, cite, code, dfn, em, th, var {
    font-style: normal;
    font-weight: 500
}

ol, ul {
    list-style: none
}

caption, th {
    text-align: left
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: 500
}

q:before, q:after {
    content: ''
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

a {
    color: #000;
    outline: 0
}

a:hover {
    color: #c41230
}

ins, a {
    text-decoration: none
}

.fn-clear:before, .fn-clear:after, .clearfix:before, .clearfix:after {
    content: "";
    display: table
}

.fn-clear:after, .clearfix:after {
    clear: both
}

.fn-clear, .clearfix {
    zoom: 1
}

body .fn-hide {
    display: none
}

.fn-left, .fn-right {
    display: inline
}

.fn-left {
    float: left
}

.fn-right {
    float: right
}

.fn-text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fn-rmb {
    font-family: arial;
    font-style: normal;
    padding-right: 4px
}

.fn-bold {
    font-weight: 700
}

.font-bold {
    font-weight: 700
}

.fn-base-color {
    color: #004525;
}

/*
============================== LAYOUT
*/
html, body {
    overflow: hidden;
    height: 100%;
    min-width: 780px;
    -ms-content-zooming: none;
    font-family: '微软雅黑', Microsoft YaHei;
	background-color:#e6e6e6;
}

.loading {
    background: #fff url(../images/loading.gif) no-repeat center center;
}

/*
============================== header
*/
#header {
    position:relative;
    z-index: 30;
	top:0;
    height: 120px;
	width:100%;
    background: #d2d2d2;
	min-width:780px;
}

#logo {
    float: left;
    margin: 0 0 0 35px;
}

#logo img {
    height: 120px;
    display: block;
}

.site-title {
    float: left;
    font-size: 18px;
    margin-top: 46px;
    width: 250px;
    white-space: nowrap;
}

.site-title p {
    line-height: 24px;
    text-align: right;
}

.site-tel {
    line-height: 26px;
    margin-top: 4px;
}

.site-tel img {
    margin-right: 6px;
}

/*
============================== menu nav
*/
#nav {
    height: 100%;
    text-transform: uppercase;
}

.menu {
    float: right;
    margin: 0;
    padding: 0;
    height: 100%;
    text-align: center;
    font-size: 0;
 	+font-size : 14px;
    margin-right: 15%;
}

.menu .menu-title {
    position: relative;
}

.menu .menu-title ul {
    display: none;
}

.menu a {
    display: block;
    height: 100%;
    text-decoration: none;
    font-size: 24px;
    _display: inline;
    _zoom: 1;
    color: #333333;
}

.menu .icon {
    width: 70px;
    line-height: 120px;
    background-position: 0 0;
    transition: none;
    background-image: url(../images/icon/icon-sprite.png);
    background-repeat: no-repeat;
}
.menu .icon .menu-span {
	margin-left:-160px;
	padding:0 10px;
	*position:relative;
	*zoom:1;
	*margin-left:-130px;
}
.menu .menu-title:hover .icon {
    background-position: -70px 0;
    background-color: #004525;
}

.menu .menu-title:hover ul {
    display: block;
}

.menu .menu-list {
    position: absolute;
    left: 0;
    top: 119px;
    text-align: left;
    background-color: #004525;
}

.menu-list li {
    width: 160px;
    line-height: 28px;
}

.menu-list li a {
    color: #FFF;
    font-size: 18px;
    padding: 4px 0 4px 8px;
}

.menu-list li a:hover {
    background-color: #be0000;
    transition: background-color .2s;
}

/*
============================== home
*/
.home {
    position:relative;
    width: 100%;
	height: 100%;
    background-color: #d2d2d2;
	overflow:hidden;
}

.home article:hover h2, .home article:hover p {
    top: 30%
}

.home article:hover .overlay {
    opacity: 1;
    filter: alpha(opacity=100)
}

.home .home-01, .home .home-02, .home .home-03, .home .home-04 {
    position: relative;
    background-repeat: no-repeat;
	width: 25%;
    *width: 24.9%;
    background-size: 100% 100%;
    float: left;
}

.home .home-01 {
    background-image: url(../images/home/1.jpg);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/home/1.jpg', sizingMethod='scale');
}

.home .home-02 {
    background-image: url(../images/home/2.jpg);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/home/2.jpg', sizingMethod='scale');
}

.home .home-03 {
    background-image: url(../images/home/3.jpg);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/home/3.jpg', sizingMethod='scale');
}

.home .home-04 {
    background-image: url(../images/home/4.jpg);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/home/4.jpg', sizingMethod='scale');
}

.home-cnt {
    position: absolute;
    top: 60%;
    height: 80px;
    padding: 0 8px;
    background-color: #004525;
	z-index:10;
	left:0;
}

.home-cnt h1 {
    color: #FFF;
    font-size: 32px;
    white-space: nowrap;
    text-align: right;
    margin-top: 8px;
}

.home-cnt p {
    color: #FFF;
    font-size: 16px;
    line-height: 18px;
    text-align: right;
}
.home .overlay{
	position:absolute; 
	z-index:1;
	width:100%;
	height:100%;
}
.home i{
	position:absolute;
	z-index:8;
	left:50%; 
	top:38%;
	margin-left:-36px;
	background:url(../images/icon/icon_add.png) no-repeat; 
	width:72px; 
	height:72px;
}
.home .home-a { display:block; cursor:pointer;}
.home .home-a i {
	display:none;
}
.home .home-a:hover i{
	display:block;
}
.home .home-a:hover .overlay{
	opacity:0.4;
	filter:alpha(opacity=50);
	display:block;
	background-color:#cccccc;
}
.home .home-a:hover .home-cnt{
	top:56%;
	transition: top .2s ease-in-out	;
}

.restaurants, .gallery, .media, .contact {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 25%;
	top:120px;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 20;
    overflow: hidden;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.restaurants.act, .gallery.act, .media.act, .contact.act {
    display: block
}

.restaurants.show, .gallery.show, .media.show, .contact.show {
    opacity: 1;
    filter: alpha(opacity=100)
}

.restaurants.anim, .gallery.anim, .media.anim, .contact.anim {
    left: 0;
    width: 100%
}

.restaurants.full .in, .gallery.full .in, .media.full .in, .contact.full .in {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100)
}

.restaurants .in, .gallery .in, .media .in, .contact .in {
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    width: 100%;
    height:100%;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.restaurants {
    left: 0;
    background-color: #004525;
}

.gallery {
    left: 25%;
    background-color: #004525;
}

.media {
    left: 50%;
    background-color: #004525;
}

.contact {
    left: 75%;
    background-color: #004525;
}
/*
============================== products-menu
*/
.products-menu,.gift-menu{
	height:100%;
	background-size:100% 100%;
	background-image:url(../images/pro/pro_01.jpg);
	background-repeat:no-repeat;
	width:360px;
	float:left;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/pro/pro_01.jpg', sizingMethod='scale');
	margin-left:-100%;
}
.gift-menu{
	background-image:url(../images/gift/gift_01.jpg);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/gift/gift_01.jpg', sizingMethod='scale');
}
.products-menu-w,.gift-menu-w{ 
	position:relative; 
	z-index:10;
	height:100%;
}
.products-menu-h,.gift-menu-h{
    position: absolute;
    top: 1%;
	left:0;
    height: 96px;
    padding: 0 14px;
    background-color: #004525;
	z-index:2;
}
.products-menu-h h1,.gift-menu-h h1 {
    color: #FFF;
    font-size: 36px;
    white-space: nowrap;
    text-align: right;
    margin-top: 14px;
}
.products-menu-h p,.gift-menu-h p {
    color: #FFF;
    font-size: 18px;
    line-height: 18px;
    text-align: right;
}
.products-menu .close,.gift-menu .close {
	position:absolute;
	bottom:5%;
	left:50%;
	margin-left:-30px;
	z-index:22;
	cursor:pointer;
	z-index:1;
}
.products-menu .close i,.gift-menu .close i{
	display:block;
	width:72px;
	height:72px;
	background-image:url(../images/icon/icon_close.png);
	background-repeat:no-repeat;
}
.products-menu-list,.gift-menu-list{
	position:absolute;
	top:140px;
	right:0;
}
.products-menu-list li,.gift-menu-list li{		
	min-width:260px;	
	margin-bottom:10px;
	position:relative;
	height:52px;
	line-height:52px;
	z-index:1;
}
.products-menu-list li:hover,.gift-menu-list li:hover{
	z-index:2;
}
.products-menu-list .products-menu-title,.gift-menu-list .gift-menu-title{
	font-size:30px;
	padding-left:20px;
	background-image:url(../images/icon/icon_mask.png);
	background-repeat:repeat;
}
.products-menu-list .products-menu-title a,.gift-menu-list .gift-menu-title a{
	display:block;
	color:#FFF;	
}
.products-menu-list .products-menu-title span,.gift-menu-list .gift-menu-title span{
	padding-left:6px;
	font-size:16px;
	line-height:34px;
	vertical-align:bottom;
}
.products-menu-cnt{
	display:none;
	position:absolute;
	left:0;
	top:52px;
	z-index:1;
	width:100%;
	background-color: #004525;
    transition: background-color .2s;
}
.products-menu-list li:hover .products-menu-cnt{
	display:block;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
.products-menu-cnt p{ 
	line-height: 30px;
}
.products-menu-cnt p a{ 
	color: #FFF;
    font-size: 20px;
    padding: 4px 0 4px 20px;
	display:block;
}
.products-menu-cnt p span{ 
	padding-left:6px;
	font-size: 14px;
}
.products-menu-cnt p a:hover {
    background-color: #be0000;
	-webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    -ms-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s;
}
/*
============================== products list
*/
.products-list,.gift-list{
	height:100%;
	width:100%;
	background-color:#FFF;
	float:left;
}
.products-list-w,.gift-list-w{
	margin-left:360px;
	padding-right:2px;
}
.products-list-item,.gift-list-item{
	position:relative;
	width:100%;
}
.products-list-item ul{
	margin-bottom:10px;
	width:99999px;
}
.products-list-item li{
	position:relative;
	width:312px;
	height:312px;
	margin:8px 0 0 8px;
	float:left;
	cursor:pointer;
}
.products-list-mask{
	visibility: visible;
	opacity: 0.8;
	filter: alpha(opacity=80);
	background-color:#FFF;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:90px;
}
.products-list-mask dt{
	float:left;
	font-size:32px;
	color:#004525;
	padding: 4px 4px 4px 8px;
}
.products-list-mask dd{
	font-size:18px;
	color:#004525;
	float:left;
	white-space:nowrap;
	line-height:20px;
}
.products-list-p1{
	padding-left:8px;
	margin-top:4px;
}
.products-list-price {
	color:#960000;
	font-size:28px;
	padding-left:6px;
}

.gift-list-ad{ padding:0px 3px 0px 3px; width:100%;}
.gift-list-item{}
.gift-list-item ul {
	margin-top:20px;
	width:99999px;
}
.gift-list-item li{ 
	background-color:#d8d8d8;
	margin-left:20px;
	padding-bottom:20px;
	width:500px;
	position:relative;
	float:left;
}
.gift-list-item-title{
	font-size:30px;
	color:#00250c;
	line-height:50px;	
	padding-left:10px;
	border-bottom:1px dashed #000;
}
.gift-list-item-price{
	font-size:24px;
	line-height:50px;
	padding: 10px 0 5px 20px;
	border-bottom:1px dashed #000;
}
.gift-list-item-price img,.gift-list-item-price span{ float:left; display:inline;}
.gift-list-item-price span{ padding:0 10px;}
.gift-list-item-img {
	padding:6px 4px 0 4px;
}
.gift-list-item-img p{ margin-right:4px;}
.gift-list-item-img img{
	width:100%;
	border:2px solid #FFF;
}
.gift-list-item-des{
	font-size:20px;
	color:#00250c;
	padding: 10px 0 0 20px;
}
/*
============================== welcome
*/
#welcome {
    position:relative;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    color: #fff;
}

#welcome .bg {
    width: 100%;
    user-drag: none;
}
#welcome .bg img{
	
}

#welcome1 {
    z-index: 3;
}

#welcome2 {
    z-index: 2;
}

#welcome3 {
    z-index: 1;
}

.welcome {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;	
}

#welcome .skip {
    position: absolute;
    right: 60px;
    bottom: 60px;
    z-index: 5;
    width: 146px;
    height: 70px;
    cursor: pointer;
    background: url(../images/skip.png) no-repeat;
}

#welcome .slogo {
    position: absolute;
    left: 0px;
    bottom: 70px;
    z-index: 5;
    width: 146px;
    height: 70px;
}

#welcome .skip:hover {
    -webkit-animation-name: shake;
    -moz-animation-name: shake;
    -o-animation-name: shake;
    animation-name: shake;
}

#welcome .spinner {
    position: absolute;
    bottom: 200px;
    left: 50%;
    z-index: 5;
    margin-left: -20px;
    width: 30px;
    height: 30px;
}
/*
============================== dialog-details
*/
.dialog-details{
	width:1024px;
	height:600px;
}
.dialog-details-close{
	position:absolute;
	top:-15px;
	right:-60px;
	width:60px;
	height:60px;
	cursor:pointer;
}
.dialog-details-close img{
	width:60px;
}
.details-cnt-l{
	width:440px;
	float:left;
}
.main_image {width:440px; height:600px;overflow:hidden; border-top:1px solid #d7d7d7; overflow:hidden; margin:0 auto; position:relative;z-index:1;}
.main_image ul {width:9999px; height:600px; overflow:hidden; position:absolute; top:0; left:0}
.main_image li {float:left; width:100%; height:600px;}
.main_image li img{display:block; width:100%; height:600px}
.main_image li a {display:block; width:100%; height:600px}
#btn_prev,#btn_next,.btn_prev,.btn_next{z-index:11111;position:absolute;display:block;width:70px!important;height:70px!important;top:50%;margin-top:-35px;display:none;}
#btn_prev,.btn_prev{background:url(../images/hover_left.png) no-repeat left top;left:10px;}
#btn_next,.btn_next{background:url(../images/hover_right.png) no-repeat right top;right:10px;}

.details-cnt-r{
	width:550px;
	float:right;
	margin-right:18px;
}
.details-cnt-r h2{ 
	font-size:18px; 
	line-height:30px;
	padding-top:4px;
}
.details-cnt .p1{
	color:#e60012;
	font-size:12px;
	line-height:30px;
	height:30px;
	border-bottom:1px dashed #000;
}
.details-cnt .p2 {
	font-size:14px;
	line-height:40px;
	height:40px;
	border-bottom:1px dashed #000;
}
.details-cnt .p2 .price{
	font-size:30px;
	color:#e60012;
}
.details-cnt-attr {
	padding-top:10px;
	border-bottom:1px dashed #000;
}
.details-cnt-attr-list{
	margin-right:10px;
	font-size:14px;
}
.details-cnt-attr-list ul{
	overflow:hidden;
	margin-bottom:10px;
}
.details-cnt-attr-list li{
	float:left;
	line-height:20px;
	height:20px;
}
.details-attr-list-name{
	color:#707070;
	background:#e5e5e5;
	text-align:center;
	width:100px;
}
.details-attr-list-cnt{
	width:160px;
	padding-left:10px;
}
.details-cnt .p3{
	margin-top:10px;
}
.details-cnt .p3 span{
	font-size:14px;
	color:#fff;
	background-color:#009944;
	padding:1px 20px;
}
.details-cnt-show{
	margin-top:10px;
	height:310px;
	overflow-y:auto;
	font-size:14px;
	line-height:24px;
}
@media screen and (max-height: 500px) {
    .home .home-01, .home .home-02, .home .home-03, .home .home-04 {
        min-height: 500px;
    }
	.products-menu{
		min-height: 500px;
	}
	#welcome .slogo {
		bottom:10px;
	}
}
/*
============================== ui-about-body
*/
.ui-about-body{
	background-color:#FFF;
	overflow-y:auto;
}
.ie7 {overflow-y:auto!important;background-color:#FFF;}
.ie7 .ui-about-body{
	overflow-y:hidden;
}
.g-80{
	width:79%; 
	float:left;
	border-left:2px solid #aaaaaa;
	border-right:2px solid #aaaaaa;
	overflow:hidden;
}
.g-10{ width:10%;float:left;overflow:hidden;}
.about-tab .split10{ height:10px;line-height:10px; overflow:hidden; visibility:hidden;}
.about-tab .split15{ height:15px;line-height:15px; overflow:hidden; visibility:hidden;}
.about-tab .split20{ height:20px;line-height:20px; overflow:hidden; visibility:hidden;}
.about-banner{ position:relative;z-index:2;}
.about-banner-img{ position:absolute; min-width:780px;}

.about-banner-img{ position:absolute; width:1440px; height:600px; overflow:hidden;}
.about-banner-item{
	position:absolute; 
	left:0; 
	top:0;
	width:1440px; 
	height:600px;
	background:url(../images/loading.gif) no-repeat center center;
}
.about-banner-item-hide{
	opacity:0;
	filter: alpha(opacity=0);
}
.about-banner01-1{
	position:absolute; bottom:-700px; right:10%; /*bottom:0*/
}
.about-banner01-2{
	position:absolute; bottom:-700px; right:18%; /*bottom:0*/
}
.about-banner01-3{
	position:absolute; top:35%; left:-50px; /*left:136px;*/
}

.about-banner02-1{
	position:absolute; bottom:-500px; left:0; /*bottom:0*/
}
.about-banner02-2{
	position:absolute; top:38%; left:-50px;/*left:220px*/
}
.about-banner02-3{
	position:absolute; top:-100px; right:7%;/*top:350px*/
}

.about-banner03-1{
	position:absolute; bottom:700px; left:186px/*bottom:0px*/
}
.about-banner03-2{
	position:absolute; top:26%; right:-500px;/*right:6.25%*/
}


.about-wrap{
	position:relative;
	z-index:1;
}
.about-wrap .about-tab{
	font-size:18px;
	color:#646464;
}
.about-tab-title{ 
	text-align:center;
	border-bottom:2px solid #aaaaaa;
}
.about-tab-title p{ 
	margin-top:20px;
	line-height:30px;
	font-size:30px;
	color:#646464;
}
.about-tab-title .p1{ 
	margin-top:20px;
}
.about-tab-title .p2{ 
	margin-top:10px;
}
.about-tab-cnt {
	border-bottom:2px solid #aaaaaa;
}
.about-tab-cnt .p-img{ text-align:center; margin-top:26px;}
.about-tab-cnt .p1{ padding: 2px 10px; line-height:30px;}

.about-jd{width:100%;background-color:#d2d2d2; margin-top:20px;}
.about-jd-l{ float:left; width:856px;}
.about-jd-r{ float:right;width:424px;}
.about-jd-image {height:352px;overflow:hidden; border-top:1px solid #d7d7d7; overflow:hidden; margin:0 auto; position:relative;z-index:1;}
.about-jd-image ul {width:9999px; height:352px; overflow:hidden; position:absolute; top:0; left:0}
.about-jd-image li {float:left;height:352px;}
.about-jd-image li img{display:block;height:352px}
.about-jd-image li a {display:block; height:352px}
.about-jd-r p{
	margin-left:30px;
}
.jd-r-p1{
	font-size:24px;
	color:#004525;
	padding:0;
	margin-top:10px;
	line-height:40px;
}
.jd-r-p2{
	font-size:18px;
	color:#004525;
	padding-right:20px;
	line-height:30px;
}
.jd-r-p3{
	text-align:center;
	cursor:pointer;
}
.about-jd-dialog-image {height:352px;overflow:hidden; border-top:1px solid #d7d7d7; overflow:hidden; margin:0 auto; position:relative;z-index:1;}
.about-jd-dialog-image ul {width:9999px; height:352px; overflow:hidden; position:absolute; top:0; left:0}
.about-jd-dialog-image li {float:left; width:100%; height:352px;}
.about-jd-dialog-image li img{display:block; width:100%; height:352px}
.about-jd-dialog-image li a {display:block; width:100%; height:352px}
/*默认弹出层的宽度根据内容来定*/
.about-dialog{ overflow:hidden;}
.about-dialog-image {height:352px;overflow:hidden; border-top:1px solid #d7d7d7; overflow:hidden; margin:0 auto; position:relative;z-index:1;}
.about-dialog-image ul {width:9999px; height:352px; overflow:hidden; position:absolute; top:0; left:0}
.about-dialog-image li {float:left;height:352px;}
.about-dialog-image li img{display:block;height:352px}
.about-dialog-image li a {display:block; height:352px}

.about-vip{}
.about-vip .h1{
	font-size:30px;
	color:#004525;
	padding-left:10px;
}
.about-vip-list{text-align:center;}
.about-vip-list ul{ min-width:780px; overflow:hidden;}
.about-vip-list li{ 
	position:relative; 
	margin-top:10px; 	
	display:inline-block;
	*display:inline; 
	margin-left:10px;
	zoom:1;
}
.about-vip-list li img{ display:block;}
.about-add{
	position:absolute;
	z-index:11;
	top:10%;
	width:60px;
	left:50%;
	margin-left:-30px;
}
.about-vip-list li a:hover .home-cnt{ 
	top:56%;
	-webkit-transition: top .2s;
	-moz-transition: top .2s;
	-ms-transition: top .2s;
	-o-transition: top .2s;
	transition: top .2s
}
.about-vip-list li a:hover .about-add{top:14%;
	-webkit-transition: top .2s;
	-moz-transition: top .2s;
	-ms-transition: top .2s;
	-o-transition: top .2s;
	transition: top .2s
}
/*
============================== about footer page
*/
#footer{
	margin-top:10px;
	background-color:#d2d2d2;
	height:180px;
	width:100%;
	min-width:860px;
}
#footer ul{
	text-align:center;
}
#footer li{
	display:inline-block;
	padding: 0 10px;
}
.ie7 #footer li{
	display:inline;
	zoom:1;
}
#footer li p{ 
	color:#004525;
	font-size:14px;
}
#footer li p.p-logo{
	font-size:16px;
	font-weight:bold;
} 









